<!DOCTYPE html>
<html class="no-js">

<head>
	<meta charset="utf-8">
	<title>微生活</title>
	<meta name="description" content="">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
	<meta http-equiv="cleartype" content="on">
	<meta name="format-detection" content="telephone=no">

	<link rel="stylesheet" type="text/css" href="/assets/base/life/css/common.css">
	<link rel="stylesheet" type="text/css" href="/assets/base/life/css/index.css">
	<link rel="stylesheet" type="text/css" href="/assets/base/life/css/font.css">
	<link rel="stylesheet" type="text/css" href="/assets/base/life/css/swiper.min.css">
</head>
<body>
<div class="wraper center">
	<!--<div class="top wservice">
		<img class="logo" src="/assets/base/center/images/wservice.png"/>
		<p class="slogan"></p>
	</div>-->
	<div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<!--<volist name="data.news" id="vo">
                    <div class="swiper-slide"><a href="{BEESCRM::U('website/website/detail',array('news_id'=>$vo['news_id'],'wechat_id'=>$wechat_id))}"><p class="title">{BEESCRM:$vo['title']}</p><img src="{BEESCRM:$vo['picture']}"></a></div>
                </volist>-->
				<div class="swiper-slide"><a href="{BEESCRM::U('website/website/detail',array('news_id'=>$vo['news_id'],'wechat_id'=>$wechat_id))}"><img src="/assets/base/center/images/ads.jpg"></a></div>
				<div class="swiper-slide"><a href="{BEESCRM::U('website/website/detail',array('news_id'=>$vo['news_id'],'wechat_id'=>$wechat_id))}"><img src="/assets/base/center/images/ads.jpg"></a></div>
			</div>
			<!--<if condition="data.newsCount gt 1"><div class="swiper-pagination hasTitle"></div></if>-->
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<div class="menu point clearfix">
	<volist name="data.top" id="vo">
		<div class="list-box pull-left">
			<a href="{BEESCRM:$vo.url}/wechat_id/{BEESCRM:$wechat_id}" class="menu-list tb-mode">
				<p class="tb-cell text-right"><span class="{BEESCRM:$vo.icon}"></span></p>
				<span class="tb-cell text-left">{BEESCRM:$vo.name}</span>
			</a>
		</div>
	</volist>	
	</div>
	<div class="menu clearfix">
	<volist name="menu" id="vo">
		<a href="{BEESCRM:$vo.url}" class="menu-list tb-mode square pull-left">
			<p class="tb-cell">
				<span class="circle {BEESCRM:$vo.color}">
					<span class="iconfont {BEESCRM:$vo.icon}"></span>
					<if condition="$vo['status'] eq 1"><span class="new"></span></if>
				</span>
				<span>{BEESCRM:$vo.name}</span>
			</p>
		</a>
	</volist>
	</div>
	<div class="banner margin-top border-banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
			<volist name="data.news" id="vo">
				<div class="swiper-slide"><a href="{BEESCRM::U('website/website/detail',array('news_id'=>$vo['news_id'],'wechat_id'=>$wechat_id))}"><p class="title">{BEESCRM:$vo['title']}</p><img src="{BEESCRM:$vo['picture']}"></a></div>
			</volist>
				<!-- <div class="swiper-slide"><a href="#"><img src="/assets/base/center/images/adds-bj.jpg"></a></div> -->
				<!--<div class="swiper-slide"><a href="#"><img src="/assets/base/center/images/adds.jpg"></a></div>-->
			</div>
			<!--<if condition="data.newsCount gt 1"><div class="swiper-pagination hasTitle"></div></if>-->
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<!--<a href="{BEESCRM::U('/base/center/wlife',array('wechat_id'=>$wechat_id))}" class="btn-go">前往微生活 >></a>-->
	<div class="bottom-box">
		<p class="copyright" style="bottom: 34px;">杭州青橄榄网络技术有限公司 技术支持</p>
	</div>
</div>
<script src="/assets/base/life/js/jquery-2.1.0.min.js"></script>
<script src="/assets/base/life/js/swiper.min.js"></script>
<script>
	var height = $(window).height();
	var bottombox_height = $('.bottom-box').outerHeight();
	$('.wraper').css("minHeight",height);
	$('.wraper').css("paddingBottom",bottombox_height);

	var width = $('.square').width();
	$('.menu-list').css("height",width);

	var swiper = new Swiper('.banner .swiper-container', {
		pagination: '.banner .swiper-pagination',
		paginationClickable: true,
		spaceBetween: 30,
		centeredSlides: true,
		autoplay: 2500,
		autoplayDisableOnInteraction: false
	});
</script>
</body>
</html>
